<template>
  <footer ref='footer'>
    <el-pagination layout="total,prev,pager,next,jumper" 
      :total="paginationData.total" 
      :page-size="paginationData.pageSize" 
      @current-change="handleCurrentChange"
      :current-page="currentPage">
    </el-pagination>
  </footer>
</template>

<script>
  export default{
    name: 'pagination',
    props: ['paginationData', 'currentPage'],
    computed: {
    },
    methods: {
      handleCurrentChange (page) {
        this.$emit('getNextPageData', page)
      }
    },
    mounted () {
      // this.$nextTick(function () {
      // })
    },
    updated () {
    }
  }
</script>

<style lang="scss">
  
</style>